Manipulación de vista

IIC2026 2020-2

Navegación

Manipulación de vista

IIC2026 2020-2

Navegación


La acción de cambiar el punto de vista actual en una herramienta de visualización.

Navegación


  • Zoom
  • Traslación
  • Rotación

Zooming geométrico


La apariencia visual de los elementos son constantes independiente del nivel de zoom, sólo su escala cambia.

Zoom geométrico


(Fuente: Zoom (SVG) D3.js)

Zoom semántico


La representación o apariencia de objetos se adapta a la cantidad de espacio disponible por el nivel de zoom actual.

Zoom semántico


(Fuente: Google Maps)

Zoom semántico


(Fuente: Zoomable Sunburst en D3.js)

Navegación restrigida


Navegación completamente libre puede traer complicaciones para el usuario como pérdida o no ser hábil de encontrar puntos de vista convenientes.


Es buena idea definir límites y restringuir tipos de navegación.

Nevegación mediante selección y animación


(Fuente: Zoomable Circle Packing en D3.js)

Navegación

Manipulación de vista

IIC2026 2020-2


¡Deja tus preguntas en los comentarios!